@charset "gb2312";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; font-size: 12px}
body{ background:#fff}
li{ list-style:none}
a{ text-decoration: none}
i,em{ font-style: normal}
img{ border:none; }
.w1200{ width:1200px; margin:0 auto}
.clearfix:after { display: block; clear: both; visibility: hidden; height: 0; content: ''}
.ico{ background:url(ico_banner.jpg?2) no-repeat; display: inline-block; z-index: 2}
.i_1{ height:22px; width:23px; background-position:0 -72px; }
.i_2{ height:22px; width:24px; background-position:0 -196px; }
.i_3{ height:22px; width:22px; background-position:0 -152px; }
.i_4{ height:22px; width:22px; background-position:0 -174px; }
.i_5{ height:36px; width:150px; background-position:20px -227px; margin:8px 0 0 25px; float: left; }
.i_6{ height:14px; width:14px; background-position:0 -7px; float: left; margin:10px 6px 0; display:inline; }
.i_7{ height:35px; width:105px; background-position:20px -263px; margin-top: 6px; float: left; }
.i_8{ height:35px; width:69px; background-position:3px -298px; float:right; margin-top: 8px; }
.i_9{ height:35px; width:140px; background-position:45px -337px; float:right; }
.i_10{ height:7px; width:13px; background-position:0 0; position: absolute; right: 10px; top: 14px}
.i_14{ height:32px; width:124px; background-position:25px -372px; float: left; margin-top:10px; }
.i_15{ height:35px; width:74px; background-position:0 -454px; float:right; margin-top:6px}
.i_16{ height:35px; width:136px; background-position:31px -337px; float:right; }
.i_17{ height:49px; width:100px; background-position:0 -405px; float:right; margin:-7px 5px 0 0; }
.banner_main{ height:320px; padding-top:20px; font-family:"microsoft yahei"; background:#eee url('./banner_bg.jpg') no-repeat center 0;}
.banner{ height:300px; position:relative; box-shadow:0px 0 6px rgba(0, 0, 0, 0.2);}
.banner_left{ background:#2577e3; width: 460px; height:300px; position:absolute; top:0; left:0; z-index:2; }
.flight_box{ height:386px; }
.flight_box .flight{ height:380px; }
/*** com_search ***/
.ipt_text,.selectbox{ background:#fafafa; border:1px solid #ddd; outline:none; padding-left:10px; height: 32px; font:14px/32px "microsoft yahei"; overflow:hidden}
.foucs{ background:#effdf4; border:1px solid #2577e3; }
.btn_search{ background:#2577e3; border:0; border-bottom:2px solid #0a56bb; border-radius:2px; color:#fff; font-size:16px; font-family:'microsoft yahei'; float:right; width:140px; height:35px; margin-top:5px; line-height:34px; text-align:center; text-decoration:none}
.btn_search:hover{ color:#fff; background:#2577e3; }
.J_search_box{ background:#fff; float:right; width: 324px; height:290px; padding:10px 20px 0 26px; position:relative}

.J_search_box .slogan{ text-align:center; padding-top:20px;}
.J_search_box .slogan span{ display:inline-block; margin:0 20px; color:#666;}

.sub_tab{ overflow:hidden; margin:0 0 15px}
.sub_tab li{ border-bottom:2px solid #ddd; color:#666; cursor:pointer; float:left; width:50%; padding-bottom:5px; font:16px/24px "microsoft yahei"; text-align:center}
.sub_tab .on{ border-bottom:2px solid #2577e3; color:#2577e3; }
.com_ul li{ height: 34px; margin-bottom: 15px; position: relative; }
.com_ul li span{ float: left; font-size: 16px; width: 64px; line-height: 34px; margin-right: 10px; text-align: right; }
.banner_note{ color: #666; height: 50px; line-height:50px; width:370px; font-size:12px; overflow:hidden; text-align:center; position:absolute; left:0; bottom:0}
.banner_note span{ margin:0 10px}
.product_num{ color: #888; text-align: center; }
.product_num b{ color: #666; margin:0 5px}
 .hot_travel{ clear: both; line-height: 20px; overflow: hidden; }
.hot_travel dt{ color: #888; float: left; width: 36px; }
.hot_travel dd{ color: #d3d3d3; float: left; width: 255px}
.hot_travel dd a{ display:inline-block; color: #333; padding: 0 6px; }
.hot_travel dd .more{ color: #999; }
.hot_travel dd a:hover{ display:inline-block; color:#2577e3}
.J_calendar_text{ position:absolute; top:0; right:10px; height:34px; line-height:34px; }
.J_calendar_text i{ color:#aaa; display:inline-block; line-height:34px; vertical-align:top}
.J_calendar_text span{ background-position:0 -95px; height:18px; width:18px; margin:7px 0 0 5px; }
/***banner_nav***/
.banner_nav{ margin-top:10px; width: 90px; float:left; overflow: hidden; }
.banner_nav li{ color:#fff; cursor:pointer; font:16px/40px "microsoft yahei"; height:40px; padding-left: 10px; overflow: hidden; }
.banner_nav li b{ display: inline-block; padding-left: 1px; width: 69px; height: 39px; border-bottom: 1px solid #0a56bb; font-weight:400; }
.banner_nav li:hover{ background: #fff; color:#2577e3; }
.banner_nav li:hover b{ border-color:#fff;}
.banner_nav .on{ background: #fff; color:#2577e3; }
.banner_nav .on b{ border-bottom: none; }
.banner_nav .on i{ position: absolute; right:0; bottom: 10px; width: 0; height: 0; vertical-align: middle; overflow: hidden; border-width: 10px; border-style: dashed solid dashed dashed; border-color: transparent #fff transparent transparent; display: block; }
/*** guwen_search ***/
.guwen_search{ margin-top: 20px}
.guwen_search li .ipt_text{ width: 238px; }
.guwen_search .guwen_btn{ height: 62px; margin-bottom: 0}
.guwen_service{ width:344px; overflow: hidden; }
.guwen_service li{ color: #666; float: left; width: 58px; text-align:center; margin-right: 28px}
.guwen_service li i{ display: inline-block; }
.guwen_box .product_num{ height: 42px; }
/*** diy_search ***/
.diy_search{ margin-top:35px; }
.diy_search li .ipt_text{ width: 238px; }
.diy_search li .diy_item{ float: left; position: relative; }
.diy_search .diy_item .ipt_text{ width: 98px; }
.diy_search .diy_modified i{ background: #e8e8e8; border:1px solid #ddd; color: #333; cursor: pointer; float: left; font:20px/32px "microsoft yahei"; width: 32px; height: 32px; text-align: center; }
.diy_search .diy_modified i:hover{ background: #effdf4; color: #2577e3}
.diy_search .diy_modified .minus{ border-right-width: 0; }
.diy_search .diy_modified .plus{ border-left-width: 0; }
.diy_search .diy_modified .ipt_text{ float: left; width: 40px; padding-right: 10px; text-align: center; }
.diy_search .diy_modified em{ float: left; font-size: 14px; padding-left: 5px; line-height: 34px}
.diy_search .diy_phone{ margin-bottom:5px; }
.diy_search .diy_btn{ padding-left: 74px}
/*** shop_search ***/
.shop_search { margin-top: 20px}
.shop_search li .ipt_text{ width: 238px; }
.shop_search .shop_btn{ height: 61px; padding-left: 90px; margin-bottom:0}
.shop_box .product_num{ height: 33px; }
.shop_search .btn_search{ margin-left: 10px}
.shop_box dd{ width: 284px; height:20px; overflow:hidden; }
/*** hotel_search ***/
.hotel_search li span{ width: 48px; margin-right: 5px}
.hotel_search li .ipt_text{ width: 259px; }
.hotel_search .hotel_key{ margin-bottom: 10px}
.hotel_search .hotel_name{ margin-bottom: 5px}
.hotel_search .hotel_btn{ height: 44px; padding-left: 53px}
 .hotel_search .btn_search{ margin-top: 7px; }
.hotel_search .hotel_date .ipt_text{ width: 118px; }
.hotel_search .hotel_date div{ float: left; width: 130px; position:relative}
.date_calendar{ margin-right: 10px}
.hotel_inter li .btn_search{ margin-top: 0}
/*** flight_search ***/
#flight_tab{ display:none;}
.flight_tab{ height:20px; padding-top:20px; margin-bottom:5px; overflow: hidden; }
.flight_tab span{ float: left; width: 50px; font-size: 16px; }
.flight_tab label{ float: left; font-size: 14px; cursor:pointer; height:20px; line-height:20px; margin-right: 19px; overflow:hidden}
.flight_tab label .ico{ background-position:0 -113px; float: left; width: 20px; height:20px; margin-right:3px; }
.flight_tab .on .ico{ background-position:0 -132px; }
.flight_tab label input{ float: left; width: 20px; height:20px; opacity: 0; }
.flight_type{ clear:both; }
.J_exchagne_city{ border-radius: 0 2px 2px 0; border: 1px solid #ddd; border-left: none; float: left; width:9px; height:75px; margin:53px 24px 0 9px; display: inline; position: relative; z-index: 1; }
.J_exchagne_city em { background: #bbb; color: #fff; border-radius: 50%; display: inline-block; font:12px/18px "microsoft yahei"; width: 18px; height: 18px; position: absolute; left: 0; top: 26px; text-align: center; z-index: 1; }
.J_exchagne_city:hover { border-color: #2577e3; }
.J_exchagne_city:hover em { color: #fff; background-color: #2577e3; }
.flight_btn{ clear:both; padding-top: 5px; overflow: hidden; }
.flight_btn .btn_search{ margin: 0 0 0 5px}
.btn_box { clear:both; overflow: hidden; padding-top: 5px; position: relative; }
.btn_box .J_advanced_search{ position:absolute; left:0; top:0; color:#2a5bc6; font-size:14px}
.btn_box .J_advanced_search i{ margin: 0 0 1px 4px; display: inline-block; width: 0; height: 0; overflow: hidden; line-height: 0; font-size: 0; vertical-align: middle; border-top: 4px solid #2a5bc6; border-bottom: 0 none; border-left: 3px solid transparent; border-right: 3px solid transparent; }
.btn_box .on i{ border-bottom: 4px solid #2a5bc6; border-top: 0 none; background-image: none; }
.btn_box .J_advanced_search:hover{ color:#2577e3; }
.btn_box .J_advanced_search:hover i{ border-top: 4px solid #2577e3; }
.btn_box .on:hover i{ border-bottom: 4px solid #2577e3; border-top: 0 none; }
.btn_box .btn_search{ margin: 0 0 0 15px}
.flight_item{ float:left; width:140px; }
.flight_item .return_date,.flight_item .return_date input{ color:#aaa}
.flight_item .return_date .J_calendar_text{ display:none}
.flight_item .ipt_text{ width: 128px; }
.flight_item dt{ height:36px; font:16px/36px "microsoft yahei"; overflow:hidden}
.flight_item dd{ height:40px; position:relative; }
#J_cabin_box dd{ position: relative; }
.selectbox{ cursor: pointer; width: 128px; }
.select_on{ border: 1px solid #01af43; }
.selectbox_wrapper { border: 1px solid #01af43; background: #fff; width: 138px; position:absolute; top:33px; left:0; z-index: 9; }
.selectbox_wrapper ul{ overflow:hidden; }
.selectbox_wrapper li { cursor: pointer; height: 32px; padding-left:10px; font: 14px/32px "microsoft yahei"; }
.selectbox_wrapper li.selected { background: #2577e3; color: #fff}
.selectbox_wrapper li.current { background: #effdf4; color: #2577e3}
/*** tickets_search ***/
.tickets_search{ margin-top: 20px}
.tickets_search li .ipt_text{ width: 238px; }
.tickets_search .tickets_btn{ height: 59px; margin-bottom:0}
.tickets_search .btn_search{ margin-left:10px}
.tickets_desc{ border-bottom: 1px dashed #e5e5e5; clear:both; color: #666; height: 35px; text-align: center; margin:0 3px 12px; }
.tickets_desc span{ margin: 0 7px}
.tickets_box dl{ line-height: 18px; margin-bottom: 8px; }
.tickets_box dt{ width: 60px; padding-left: 2px}
/*** mudidi_search ***/
.mudidi_search{ margin-top: 20px}
.mudidi_search li span{ width: 82px; padding-left: 1px}
.mudidi_search li .ipt_text{ width: 219px; }
.mudidi_search .mudidi_btn{ height: 59px; margin-bottom:0}
.mudidi_city{ width: 345px; height: 87px; }
.mudidi_city li{ float: left; width: 56px; margin-right: 10px; text-align:center; }
.mudidi_city li a{ color: #666; display:block; line-height: 19px}
.mudidi_city li a:hover{ color: #2577e3; }
.mudidi_city li a:hover img{ -webkit-animation-name: hoverimg; -webkit-animation-duration: .1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: 1}
.mudidi_city li img,.mudidi_city li span{ display: block; width: 56px; height: 55px; }
.mudidi_city li i{ background-position:-130px 0; width: 20px; height: 6px; margin-top: 24px; }
.mudidi_box .tickets_desc{ height: 29px; }
.mudidi_box dt{ color: #888; width: 60px; float: left; padding-left: 2px}
/*** slides_box ***/
.slides_box,.slides_box img{ width: 740px; height: 300px; overflow: hidden; }
.banner_right{ background:#fff; width: 740px; height: 300px; float:right; position: relative; }
.banner_right .prev,.banner_right .next{ background:url(ico_banner.jpg) no-repeat; display: inline-block; height:26px; width:16px; position: absolute; top: 137px; z-index: 99; text-indent: -9999em}
.banner_right .prev{ background-position:0 -47px; left:10px; }
.banner_right .next{ background-position:0 -21px; right: 10px}
.banner_right .pagination{ position:absolute; bottom:20px; right:20px; float:right; z-index:99}
.banner_right .pagination li{ float:left; width:12px; height:12px; overflow:hidden; margin-right:6px; }
.banner_right .pagination li a{ background:#fff; border-radius: 6px; display:block; width:12px; height:12px; text-indent: -9999em; overflow:hidden}
.banner_right .pagination li a:hover{ background:#2577e3; }
.banner_right .pagination .current a{ background:#2577e3; }
/*** drop_member ***/
.drop_member { width: 268px; overflow: hidden; border: 1px solid #ddd; position: relative; font-size: 14px; color: #333; background: #fff; z-index: 99999}
.drop_member .com_close { position: absolute; top: 6px; left: 300px; }
.drop_member ul { margin: 10px 0; overflow: hidden; }
.drop_member li { float: left; width: 130px; }
.drop_member p { line-height: 30px; float: left; width: 45px; padding-left:15px}
.drop_member li select { line-height: 30px; width: 70px; height: 30px; float: left; }
.drop_member li select option { padding: 6px 0 6px 3px; }
.drop_member .child_age { margin: 10px 0 0; background: #f1f1f1; }
.drop_member .child_age ul { padding: 10px 0; }
.drop_member .child_age li { margin: 5px 0; }
.drop_member .child_age li select { width: 70px; }
.drop_member .submit_btn { clear:both; height:34px; }
.drop_member .submit_btn a { background: #2577e3; color: #fff; float: right; margin: 0 15px 0 0; text-align: center; font-size: 14px; border-radius: 2px; text-decoration: none; display: block; width: 80px; height: 28px; line-height: 28px; font-family: Microsoft yahei; }
.drop_member .submit_btn a:hover { background: #2577e3}
#roomInfo { padding: 0; }
#numPeople { cursor: pointer}
/*** citySelect ***/
.citySelector { font-family:"microsoft yahei"; background: #fff; text-align: left; }
.cityslide { border: #ddd solid 1px; background: #fff; }
.cityslide li { margin: 0px; padding: 0 5px; cursor: pointer; color: #333; font-size: 13px; width: 260px; height: 32px; line-height: 32px; }
.cityslide li.on { background: #2577e3; color: #fff; cursor: pointer}
.cityslide li b { font-weight: normal; }
.cityslide li.empty { color: #2577e3; width: 198px}
.cityslide li.empty em { color: red; font-style: normal; }
.cityslide .empty:hover { background: #effdf4; color: #2577e3}
.cityname { float: left; }
.cityspell { float: right; }
.cityBox { background: #fff; border: 1px solid #ddd; font-family:"microsoft yahei"; padding: 12px; width: 450px; overflow: hidden; }
.cityBox ul li { border-bottom: 2px solid #2577e3; color: #333; cursor: pointer; float: left; font-size:14px; width: 63px; line-height: 29px; text-align: center; position: relative}
.cityBox ul li.on { border-bottom: 2px solid #2577e3; color: #2577e3; font-weight: 700; }
.cityBox ul li.on b { position: absolute; bottom: 0px; left: 27px; width: 0; height: 0; vertical-align: middle; overflow: hidden; border-width: 4px; border-style: dashed dashed solid dashed; border-color: transparent transparent #2577e3 transparent; display: block; }
.cityBox ul li:hover { color: #2577e3; }
.hide { display: none; }
p.tip { background: none; color: #999; margin: 1px; margin-bottom: 3px; padding: 5px 0px 4px 10px; position: relative; z-index: 3; }
p.tip b { color: #333; font-size: 12px; margin-right: 3px}
.hotCity { clear: both; overflow: hidden; margin-top: 10px;}
.cityTab { overflow: hidden; }
.cityTab dl { margin: 0 2px 5px; overflow: hidden;}
.cityTab dl dt { float: left; padding-left: 3px; color: #888; text-indent: 5px; font-family: Arial, Helvetica, sans-serif; height: 25px; line-height: 25px; font-size: 13px; width: 20px; }
.cityTab dl dd { float: left; width: 420px; }
.cityTab dl dd a { color: #333; cursor: pointer; float: left; font-size:13px; margin-left: 15px; display:inline; height: 25px; line-height: 25px; overflow: hidden; word-wrap: break-word; word-break: break-all; text-decoration: none; }
.cityTab dl dd a:hover { color: #2577e3}
.hotCity .hot dl dt, .hotCity .iFlight dl dt { display: none}
.hotCity .hot dd, .hotCity .iFlight dd { width: 446px; }
.hotCity .hot dd a, .hotCity .iFlight dd a { width: 74px; }
.domestic { width: 400px; }
.domestic ul li { width: 66px; }
.domestic .hotCity .hot dd, .domestic .hotCity .iFlight dd { width: 400px; }
.domestic .hotCity .hot dd a, .domestic .hotCity .iFlight dd a { width: 64px; }
.domestic .cityTab dl dd { width: 372px; }
/*** inter_city ***/
#inter_city { cursor: pointer}
.inter_city_box { background: #fff; border: 1px solid #ddd; font-family: "microsoft yahei"; padding: 12px; width: 468px; overflow: hidden}
.city_tab { overflow: hidden}
.city_tab li { float: left; border-bottom: 2px solid #2577e3; color: #333; cursor: pointer; width: 78px; height: 28px; line-height: 28px; font-size:14px; text-align: center; position: relative; overflow:hidden}
.city_tab li:hover { color: #2577e3; border-bottom: 2px solid #2577e3; }
.city_tab .on { color: #2577e3; font-weight: 700; }
.city_tab .on b { position: absolute; bottom: 0px; left: 36px; width: 0; height: 0; vertical-align: middle; overflow: hidden; border-width: 4px; border-style: dashed dashed solid dashed; border-color: transparent transparent #2577e3 transparent; display: block; }
.inter_city_list { margin-top: 10px; max-height: 270px; }
.inter_city_list li { color: #666; cursor: pointer; float: left; padding-left: 15px; width: 74px; height: 25px; line-height: 25px; overflow: hidden; word-wrap: break-word; word-break: break-all; }
.inter_city_list li:hover { color: #2577e3; }
#iflight_hot_region_list { width: 321px; }
.search_result { border: #ddd solid 1px; background: #fff; margin: 0px; font-size: 12px; position: absolute; z-index: 99999}
.search_result li { margin: 0px; padding: 4px 5px; cursor: pointer; font-size: 12px; line-height: 20px; }
.search_result li span { float: right}
.search_result li.on ,.search_result li:hover{ background: #2577e3; color: #fff}
.search_result li strong { color: #2577e3}
.search_error { background-color: #fff; border: 0px; width: 207px}
.search_error ul { list-style-position: outside; position: relative; list-style: none; padding: 2px; margin: 0; z-index: 99999; }
.search_error li { color: #2577e3; margin: 0px; padding: 6px 5px 0px 5px; _height: 20px; min-height: 20px; cursor: pointer; display: block; font-size: 12px; line-height: 16px; word-wrap: break-word; }
.search_error li span { color: #2577e3; margin-left: 5px; float: none}
.search_error li:hover{ background: #effdf4; color: #2577e3}
.search_error li:hover span { color: #fff; }
@-webkit-keyframes hoverimg { 0% { opacity: .8}